<template>
    <div>
        <wrapper-content pageTitle="" class="disblock">
            <Menu mode="horizontal" theme="light" :active-name="activename"  @on-select="goPage">
                <MenuItem :name="v.url" v-for="(v,k) in tabs">
                    <Icon :name="v.url"/>
                    {{v.text}}
                </MenuItem>
            </Menu>

            <transition name="router-fades" mode="out-in">
                <router-view></router-view>
            </transition>
        </wrapper-content>

    </div>
</template>
<style>
    .disblock {
        display: block !important;
    }
</style>

<script>
    import WrapperContent from '../../../components/wrapper-content.vue'

    export default {
        name: "index",
        components: {
            WrapperContent,
        },
        data(){
            return{
                tabs : [
                    { text : '开市和收市时间设定' , url :'/system/rules/open_close'},
                    { text : '平仓时间设置' , url :'/system/rules/exit'},
                    { text : '提款时间设置' , url :'/system/rules/withdrawal'},
                    { text : 'APP文件' , url :'/system/rules/appfile'},
                    { text : '收款设置' , url :'/system/rules/gathering'},
                    { text : '基本设置' , url :'/system/rules/baseset'},
                    { text : '账号设置' , url :'/system/rules/account'},
                    { text : '费用限制' , url :'/system/rules/costlimit'},
                    { text : '配资参数设置' , url :'/system/rules/fund_param'},
                    { text : '其他设置' , url :'/system/rules/others'},
                ],
                activename:'/system/rules/open_close',
            }
        },
        mounted(){
            this.activename = this.$route.path;
        },
        methods: {
            goPage(url) {
                this.activename = url;
                this.$router.push({path: url})
            }
        },
    }
</script>
















